<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <title>New Search</title>
    <style type="text/css">
    body{background-color: #333}
      .bg{
        position:relative; background-image: url(Distant.jpg); width:1250px; height:630px; margin:0; auto;
      }
      .search-form{

        position: absolute; top: 70px; width: 700px; height: 29px; left: 100px;border: none;outline: 0; background-color: #fff;
      }
      .search-input-text{
        border: none;float: left; line-height: 27px; width: 600px;
      }

      .search-input-button{

        border:none;float: right; background-image: url(search-button.png);width: 29px;height: 29px; background-repeat: 0;
      }

    </style>
  </head>
  <body>
    <div class="bg">

      <form class="search-form" action="https://cn.bing.com/search" method="post" target="_blank">
        <input type="text" class="search-input-text" search-text="seach-text" placeholder="open the world">
        <input type="submit" class='search-input-button'>
      </form>

    </div>

  </body>
</html>
